<!-- <template>
  <div class="about">
    <div class="header">
      <img src="../assets/image/introduce.jpg" alt="">
      <div class="introduce">
        <h3>公司简介</h3>
        <p>
          沈阳航科智能系统有限公司，是一家专注于企业/行业数字化与智能化的技术服务型公司，帮助企业/行业业务上云和AI+，实现降本增效和业务创新。
        </p>
      </div>
    </div>
    <main>
      <div class="position">
        <h3>企业定位</h3>
        <p class="desc">
          企业流程智能化，地方产业资产安全化，交易化，金融化一体经营方案提供者
        </p>
      </div>
      <div style="margin-bottom: 120px">
        <h3>公司环境</h3>
        <div class="environment">
          <div
            v-for="(item, index) in envData"
            :key="index"
            :class="hoverIndex == index ? 'active' : 'normal'"
            @mouseenter="hover(index)"
          >
            <img :src="item.image" alt="" />
            <p>{{ item.title }}</p>
          </div>
        </div>
      </div>
      <div class="certificate">
        <img src="../assets/image/certificate.png" alt="" />
        <h3>公司荣誉证书</h3>
      </div>
      <div class="join">
        <div class="join-left">
          <h3>加入我们</h3>
          <p style="font-weight: 500">
            我们鼓励学习创新并追求极致<br />
            航科智能系统期待您的加入
          </p>
          <p class="join-desc">
            我们提倡员工与公司、与部门、与团队共同成长，互相成就，长期陪伴。
            我们提倡面对不确定性的未来，要积极地拥抱变化，勇于尝试和探索未知
            我们提倡快速反应，精准执行。追求速度，追求质量，追求卓越
          </p>
          <p style="color:#3655A5FF;font-weight:500">简历投递邮箱：zhangshile@shutongai.com</p>
        </div>

        <el-tabs type="border-card" class="join-right">
          <el-tab-pane
            :label="item.title"
            v-for="(item, index) in list"
            :key="index"
          >
            <p style="font-weight: bold">岗位要求</p>
            <p v-for="(l, j) in item.list" :key="j" style="font-size:14px">
              {{ j + 1 }}、{{ l }}
            </p>
          </el-tab-pane>
        </el-tabs>
      </div>
    </main>
    <div class="map">
      <Map class="container"></Map>
      <div class="contact">
        <h3>联系我们</h3>
        <p>
          邮箱：zhangshile@shutongai.com <br />
          地址：沈阳市浑南区国际软件园d09座317
        </p>
      </div>
    </div>
  </div>
</template>

<script>
import environment1 from "../assets/image/environment1.png";
import environment2 from "../assets/image/environment2.png";
import environment3 from "../assets/image/environment3.png";
import Map from "../components/Map.vue";
export default {
  data() {
    return {
      list: [
        {
          title: "前端工程师（Web&Mobile）",
          list: [
            "计算机相关专业，1年以上前端开发工作经验；",
            "熟悉HTML、CSS、JavaScript 、TypeScript等基础语言，熟悉HTML5、CSS3、ES6的新特征；",
            "熟悉Angular、React、Vue等至少一种主流框架、熟悉git相关操作；",
            "对组件化开发、性能优化、多人协作开发有一定的见解；",
            "良好的沟通能力、团队协作精神，良好的学习能力和逻辑分析能力",
            "加分项：熟练掌握TypeScript语言，有Echart等相关项目开发经验，熟悉Angular等相关开发技术，有自己的开源项目或博客。",
          ],
        },
        {
          title: "C#.net 开发工程师",
          list: [
            "计算机或相关专业本科以上学历；",
            "有3年以上相关工作经验；",
            "对设计模式有丰富经验或者大型项目有实施经验者优先考虑；",
            "精通C#，.Net编程；精通.netcore、EF、webapi和SQL Server；",
            "有一定的系统设计能力、良好的编码和撰写文档的习惯；",
            "良好的合作精神，强烈的责任心、较强的学习能力。",
          ],
        },
        {
          title: "Java开发工程师",
          list: [
            "1年以上java开发经验，有独立开发和部署后台的经验；有搭建和使用Jenkins经验。熟练掌握常用数据结构与算法、常用设计模式等。",
            "熟练掌握Http/socket通信、多线程、mysql数据库的编程开发；",
            "1年以上基于spring框架的设计开发实际经验；",
            "熟悉MYSQL数据库的使用、配置及优化；有linux服务器管理、Jekins经验者优先",
            "1年以上基于Redis缓存数据库的设计开发经验",
            "良好的沟通能力与团队协作能力，良好的问题解决能力与较强的学习能力，较强的逻辑思考能力，思维缜密，有责任心和时间观念。",
          ],
        },
        {
          title: "产品经理",
          list: [
            "通过对公司产品的目标客群分析、市场需求调研、用户调研、数据挖掘深度洞察用户需求、发展趋势研究及竞品分析，制定相应的产品方案；",
            "负责跟客户沟通定制化软件的总体规划和产品需求，整理出需求文档和产品版本迭代计划，有企业服务软件或工厂服务软件设计者这优先；",
            "协助项目经理推进项目需求内容的技术实现，协助技术团队把控需求实现质量；",
            "与技术团队沟通需求实现方案，评审需求文档；",
            "会设计产品原型图者优先考虑。"
          ],
        },
        {
          title: "iOS开发工程师",
          list: [
            "计算机相关专业本科及以上学历，3年及以上相关工作经验；",
            "熟练掌握Object-C语言及设计思想，熟练掌握Objective-C内存管理机制;",
            "熟悉TCP、UDP、HTTP、HTTPS等网络协议，熟悉网络通信机制及其常用数据传输协议；",
            "精通XML，JSON解析，能熟练应用SQLite、Core Data等客户端存储技术；",
            "了解基本的数据结构，有面向对象开发的设计思想，对MVC设计模式能够熟练应用；",
            "熟练掌握常用的第三方框架、代码项目管理工具等（AFN、git、cocoapods 等）；",
            "精通Cocoa/UIKit Framework, CoreAnimation, iPhone/iPad各个版本之间的差异，并且能够根据差异提供良好的解决方案；",
            "精通多线程开发，深入理解Objective-C Runtime运行机制，对iOS应用架构有一定的自己的见解和理解；",
            "熟练掌握iOS app的开发、测试、发布一系列的流程，能够参与需求、测试用例等文档的评审、对应用程序进行技术选型和技术预研。",
            "思路清晰，思维敏捷，语言和文字表达能力优秀，具备较强的沟通能力，有较强的主动性及团队合作精神，责任心强，开朗自信。工作踏实认真，求知欲望强。",
          ],
        },
        {
          title: "企业数字化商务经理",
          list: [
            "负责开发客户资源，通过电话、邮件、上门拜访、参加展会等方式拓展企业软件定制服务和工业互联网等客户资源（企业定制软件、企业业务上云服务、工厂数字化服务、设备云管理运维与大数据增值服务）；",
            "全面掌握市场开拓业务知识及流程，分析客户需求并为其定制个性化服务方案；",
            "维护激活客户资源，挖掘客户深层次需求；",
            "负责对大客户进行相关数据和工作行为分析，总结其相关属性特征，协助客户使用过程中的满意度沟通，确保产品的美誉度；",
            "可独立开展市场推广活动，有对应行业资源的优先；",
            "底薪加高提成方式，以业绩为主。",
          ],
        },
      ],
      envData: [
        { title: "园区环境", image: environment1 },
        { title: "办公环境", image: environment2 },
        { title: "办公环境", image: environment3 },
      ],
      hoverIndex: 1,
    };
  },
  components: {
    Map,
  },
  methods: {
    hover(index) {
      this.hoverIndex = index;
    },
  },
};
</script>

<style scoped>
.about {
  width: 100%;
  background-image: url("../assets/image/bg5.png");
  background-size: 100% 100%;
  font-size: 16px;
  line-height:30px;
}
.header{
  position: relative;
}
.header img{
  width: 100%;
  height: 100%;
}
.introduce {
  width: 100%;
  height: 100%;
  padding-left: 50%;
  padding-right: 15%;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: center;
  color: #fff;
  position: absolute;
  top: 0;
  left: 0;
}
h3 {
  font-size: 32px;
}
main {
  width: 70%;
  margin: 0 auto;
}
.environment {
  text-align: center;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.environment div {
  background-color: #fff;
  padding: 16px;
}
.active {
  width: 40%;
  box-shadow: 0px 8px 40px rgba(54, 85, 165, 0.08);
}
.normal {
  width: 30%;
}
.active img,
.normal img {
  width: 100%;
}
.position {
  margin: 0 auto;
  box-shadow: 0px 8px 40px rgba(54, 85, 165, 0.08);
  display: flex;
  justify-content: space-around;
  align-items: center;
  background-color: #fff;
  border-radius: 16px;
  position: relative;
  top: -50px;
}
.desc {
  color: #999fb3ff;
}
.certificate {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 120px;
}
.certificate img {
  width: 70%;
}
.join {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  margin-bottom: 120px;
}
.join-left {
  width: 35%;
  margin-bottom: 20px;
}
.join-right {
  width: 60%;
}
.join-desc {
  color: #999fb3ff;
  margin: 20px 0;
}

.map {
  display: flex;
  align-items: center;
  box-sizing: border-box;
}
.container {
  width: 60%;
  margin-right: 10%;
  height: 400px;
  box-shadow: 4px 4px 40px rgba(54, 85, 165, 0.08);
}
.contact {
  width: 30%;
}
.contact p {
  font-weight: 500;
}
</style>
 -->


 <template>
     <div>
         行业资讯
     </div>
 </template>
 
 <script>
     export default {
         data(){
             return{
                 
             };
         },
         components:{},
         watch:{},
         methods:{},
         computed:{},
     }
 </script>
 
 <style scoped>
     
 </style>